<!DOCTYPE html>
<html lang="en">
<head>
    <title>Urna (N1-Elecciones-PHP)</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="../css/style.css" media="screen">
    <link rel="stylesheet" type="text/css" href="css/style.css" media="screen">

    <!-- Support to Fira Code Font -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.207/distr/fira_code.css">
</head>
<body>

<header>

</header>

<nav>

</nav>

<main>
    <section id="banner">
        <img src="images/Encabezado.jpg" alt="Banner">
    </section>

    <section id="section-candidate">
        <fieldset id="div-first-candidate">
            <legend>Candidate Frank</legend>

            <?php

            include_once("php/classes/Urn.php");

            $urn = Urn::getInstance();
            $urn->showCandidateFrank();
            $urn->showButtonAverageAndVote()

            ?>

        </fieldset>
        <fieldset id="div-second-candidate">
            <legend>Candidate Claire</legend>

            <?php

            include_once("php/classes/Urn.php");

            $urn = Urn::getInstance();
            $urn->showCandidateClaire();
            $urn->showButtonAverageAndVote()

            ?>

        </fieldset>
        <fieldset id="div-third-candidate">
            <legend>Candidate Obama</legend>

            <?php

            include_once("php/classes/Urn.php");

            $urn = Urn::getInstance();
            $urn->showCandidateObama();
            $urn->showButtonAverageAndVote()

            ?>

        </fieldset>
    </section>

    <section id="section-totals">
        <fieldset>
            <legend>Totales</legend>

            <p>Total Votos: </p>
            <p>Costo Promedio Campaña: </p>
        </fieldset>
    </section>

    <section id="section-options">
        <fieldset>
            <legend>Opciones</legend>

            <button type="button" class="button-red">Vaciar Urna</button>
            <button type="button" class="button-blue">Opción 1</button>
            <button type="button" class="button-blue">Opción 2</button>
        </fieldset>
    </section>
</main>

<footer>
    <p>&copy <?php echo date('Y')?></p>
</footer>

</body>
</html>